<script setup>


import {useRoute} from "vue-router";

const route = useRoute()
</script>

<template>
    <el-menu
        background-color="#F8F8FF"
        text-color="#000000"
        active-text-color="#FF4500"
        :default-active="route.path"
        router>

        <el-menu-item index="/mer/home">商家首页</el-menu-item>
        <el-sub-menu index="sys">
            <template #title>场次安排</template>
            <el-menu-item index="/emp">场次编辑</el-menu-item>
            <el-menu-item index="/role">剧本场次</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="sys">
            <template #title>预约信息</template>
            <el-menu-item index="/emp">预约列表</el-menu-item>
            <el-menu-item index="/role">支付信息</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>剧本管理</template>
            <el-menu-item index="/zhenduan">添加剧本</el-menu-item>
            <el-menu-item index="/register">剧本列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>信息管理</template>
            <el-menu-item index="/register">评论信息</el-menu-item>
            <el-menu-item index="/zhenduan">留言信息</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>店铺管理</template>
            <el-menu-item index="/register">店铺信息</el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>

<style scoped lang="scss">
.el-menu {
    height: 100%;
}
</style>